<%--
  Created by IntelliJ IDEA.
  User: 10240
  Date: 2022/3/31
  Time: 21:10
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <script src="/js/jquery.js"></script>
    <script>
        $(function () {
            $("#btn").click(function () {
                var xmlHttp;

                if (window.XMLHttpRequest) {
                    // 有的浏览器 支持 这个对象直接 new
                    xmlHttp = new XMLHttpRequest();
                } else {
                    // 支持 间接创建这个对象
                    xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
                }

                // 指定回调函数 监听请求的执行结果
                xmlHttp.onreadystatechange = function () {
                    if (xmlHttp.readyState == 4 && xmlHttp.status == 200) {
                        // 响应结束 并且响应 正常
                        var result = xmlHttp.responseText;

                        alert(result);

                        var obj = eval("("+result+")");

                        $("#name").val(obj.name);
                        $("#height").val(obj.height);
                        $("#phone").val(obj.phone);
                    }
                }
                xmlHttp.open("get", "/getAjaxInfo?name=张超", true);

                xmlHttp.send();
            })
        })
    </script>
</head>
<body>
姓名：<input type="text" id="name"><br>
身高：<input type="text" id="height"><br>
电话：<input type="text" id="phone"><br>

<button id="btn">获取信息</button>
</body>
</html>
